<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
 <%@ taglib prefix="zi" uri="http://gson.cn/jsp/jstl/mytags"%>


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%= basePath%>">
<meta http-equiv="Content-Type" content="textml; charset=UTF-8">
<title>Insert title here</title>
	<link rel="stylesheet" href="static/css/JDjie.css"/>
</head>
<body style="overflow:-Scroll;overflow-x:hidden">
		<div class="suanbigbox">
			<div class="top_bigbox">
				<div class="top_box">
	
					<ul class="top_dh">
						<li>
							<a href="#">${users.user_name}</a>
							<a class="kkk"></a>
						</li>
						<li>
							<a href="#">我的订单</a>
							<a class="gan">|</a>
						</li>
						<li>
							<a href="#" class="arrow">我的京东<i><s>♢</s></i>&nbsp;&nbsp;</a>
							<a class="gan">|</a>
						</li>
						<li>
							<a href="#">京东会员</a>
							<a class="gan">|</a>
						</li>
						<li>
							<a href="#">企业采购</a>
							<a class="gan">|</a>
						</li>
						<li>
							<a href="#" class="arrow">客户服务<i><s>♢</s></i>&nbsp;&nbsp;</a>
							<a class="gan">|</a>
						</li>
						<li>
							<a href="#" class="arrow">网站导航<i><s>♢</s></i>&nbsp;&nbsp;</a>
							<a class="gan">|</a>
						</li>
						<li>
							<a href="#">手机京东</a>
						</li>
					</ul>
				</div>
			</div>
			
			<!--logo标志-->
			<div class="jielogo">
				<div class="logodiv"><div class="jiesuan">结算页</div></div>	
				<div class="dongtu"><img src="static/img/ddddddd.png"/></div>
			</div>
			
			<!--结算 标题-->
			<div class="jietitle">填写并核对订单信息</div>
			
			<!-- 地址-->
			<div class="jiebody">
				<div class="jieshou"><h5>收货人信息</h5><div class="add">新增收货地址</div></div>
				<div class="moren">
					<%-- <jsp:include page="/jsps/address.jsp">
						<jsp:param value="" name=""/>
					</jsp:include> --%>
					<c:if test="${not empty address}">
					<ul>
						<c:forEach items="${address}" var="dz">
						<li class="lidi" style="${dz.sh_ismr=='1' ? 'background:#E3E4E5':''}">
							<span class="xiangdi">${dz.sh_name}</span> ${dz.sh_address}${dz.sh_xxdz} ${dz.sh_phone}
							
							<div class="nicex" style="${dz.sh_ismr=='1' ? 'display:block':''}">√</div>
						</li>
						
						</c:forEach>
					</ul>
					</c:if>
				</div>
		<div id="deng"></div>

		<div class="addxin">
			<div class="xintitle">新增收货地址<span class="cha">X</span></div>
			<div class="xinnei">
				  <form method="post" action="">
				  	<div class="xiala">
						<span>地区</span><select id="sheng" name="sheng"></select>
						<select id="shi" name="shi"></select>
						<select id="qu" name="qu"></select>
					</div>
					<div class="shouhuorena">	
						<span>收货人</span><input type="text" name="shr" />
					</div>
					<div class="xidiz">
						<span>详细地址</span><input type="text" name="xiangzi" />
					</div>
					<div class="addphon">
						<span>手机号码</span><input type="text" name="shouji" />
					</div>
					<div class="momomo"><input type="radio" name="mo"  value="1"/>设为默认地址</div>
					<div class="btonn">
						<input type="submit" value="保存收货人信息" id="baocun"/>
					</div>
				  </form>			
			</div>
		</div>
				
				<div class="jiedizhi"></div>
			<!--支付 与清单的大盒子-->
			<div class="bigzhiqing">
				<div class="zhifu"><h5>支付方式</h5></div>
				<div class="fangshi">
					<div class="lilili">
						<ul>
							<li>货到付款</li>		
							<li>在线支付</li>
						</ul>
					</div>
				</div>
				<div class="qingdan"><h5>送货清单</h5></div>
				<div class="xiangdan">
					<div class="rigthbox">
						<div class="rititle">商家：京东自营</div>
						<c:forEach items="${buylist}" var="hei">
						<div class="rimin">
						<img src="${hei.picture_path}" class="imgimg"/>
						<div class="rixiang"><a data-value="${hei.shoop_Id}" class="abiao">${hei.shoop_Product}</a></div>
						<div class="zrl">
						<div class ="rijiage">￥${hei.shoop_price}</div>
						<div class="zhongliang">0.380kg</div>
						</div>
						<div class="shushu">
							<div class="nnnu">x${hei.car_gounum}<span>有货</span></div>
						</div>
						<img src="static/img/qqqqq.png" class="imgddd"/>
						</div>
						</c:forEach>
					</div>
				</div>
				
			</div>
			</div>
			
			<!-- 价格反馈-->
			<div class="jiexiang">
				<div class="jiagex">
					<span>￥${zongj}</span><br />
					<span>￥0.00</span><br />
					<span>￥0.00</span><br />
					<span>￥0.00</span><br />
					<span>￥0.00</span><br />
				</div>
				<div class="jiexiang1">
					<span>${jianshu}件商品，总商品金额：</span><br />
					<span>返现：</span><br />
					<span>运费：</span><br />
					<span>服务费：</span><br />
					<span>退换无忧：</span><br />
				</div>
			
			</div>
			
			<!--价格-->
			<div class="jiage">
				<div class="jjjj">￥<span>${zongj}</span></div>
				<div class="yingfu">应付总额：</div>
				
				<div class="shouhuoren">收货人：<span class="shid" data-value="${address[0].sh_id}">${address[0].sh_name}</span>&nbsp;<span>${address[0].sh_phone}</span></div>
				<div class="shouhuo">寄送至：<span>${address[0].sh_address}${address[0].sh_xxdz}</span> </div>
				
			</div>
			
			<!--按钮div-->
			<div class="tijiao"><input type="button" class="btn" value="提交订单"/></div>
			
			<!-- 底部 -->
		<!--底部第一个盒子-->
			<div class="dinghead">
				<div class="dingone">
				<ol>
					<li>
						<div class="duop">
							<div class="duowen">品类齐全，轻松购物</div>
						</div>
					</li>
					
					<li>
						<div class="kuaip">
							<div class="duowen">多仓直发，极速配送</div>
						</div>
					</li>
					
					<li>
						<div class="haop">
							<div class="duowen">正品行货，精致服务</div>
						</div>
					</li>
					
					<li>
						<div class="shengp">
							<div class="duowen">天天低价，畅选无忧</div>
						</div>
					</li>
				</ol>
				</div>
				
				<div class="headzhi">
					<div class="mindi">
					<dl class="fore1">
						<dt>购物指南</dt>
						<dd><a href="">购物流程</a></dd>
						<dd><a href="">会员介绍</a></dd>
						<dd><a href="">生活旅行/团购</a></dd>
						<dd><a href="">常见问题</a></dd>
						<dd><a href="">大家电</a></dd>
						<dd><a href="">联系客服</a></dd>
					</dl>
					
					<dl class="fore1">
						<dt>配送方式</dt>
						<dd><a href="">上门自提</a></dd>
						<dd><a href="">211限时达</a></dd>
						<dd><a href="">配送服务查询</a></dd>
						<dd><a href="">配送费收取标准</a></dd>
						<dd><a href="">海外配送</a></dd>
						
					</dl>
					
					<dl class="fore1">
						<dt>支付方式</dt>
						<dd><a href="">货到付款</a></dd>
						<dd><a href="">在线支付</a></dd>
						<dd><a href="">分期付款</a></dd>
						<dd><a href="">邮局汇款</a></dd>
						<dd><a href="">公司转账</a></dd>
						<dd><a href=""></a></dd>
					</dl>
					
					<dl class="fore1">
						<dt>售后服务</dt>
						<dd><a href="">售后政策</a></dd>
						<dd><a href="">价格保护</a></dd>
						<dd><a href="">退款说明</a></dd>
						<dd><a href="">返修/退换货</a></dd>
						<dd><a href="">取消订单</a></dd>
						<dd><a href=""></a></dd>
					</dl>
					
					<dl class="fore1">
						<dt>特色服务</dt>
						<dd><a href="">夺宝岛</a></dd>
						<dd><a href="">DIY装机</a></dd>
						<dd><a href="">延保服务</a></dd>
						<dd><a href="">京东E卡</a></dd>
						<dd><a href="">京东通信</a></dd>
						<dd><a href="">京东JD+</a></dd>
					</dl>
					</div>
				</div>
			</div>
			
			<!--底部第二个盒子-->
			<div class="dibu">
				<p class="dibu1">
					<a href="">关于我们</a><span>|</span>
					<a href="">联系我们</a><span>|</span>
					<a href="">联系客服</a><span>|</span>
					<a href="">合作招商</a><span>|</span>
					<a href="">商家帮助</a><span>|</span>
					<a href="">营销中心</a><span>|</span>
					<a href="">手机京东</a><span>|</span>
					<a href="">友情链接</a><span>|</span>
					<a href="">销售联盟</a><span>|</span>
					<a href="">京东社区</a><span>|</span>
					<a href="">风险监测</a><span>|</span>
					<a href="">隐私政策</a><span>|</span>
					<a href="">京东公益</a><span>|</span>
					<a href="">English Site</a><span>|</span>
					<a href=""> Contact Us</a>
				</p>
				
			<div class="bodydi2">
				<p class="dibu2">
					<a href="">京公网安备 11000002000088号</a><span>|</span>
					<span class="wenwenwen">京ICP证070359号  </span><span>|</span>
					<a href="">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span>|</span>
					<span class="wenwenwen">新出发京零 字第大120007号</span>
				</p>
				
				<p class="dibu3">
					<span class="wenwenwen">互联网出版许可证编号新出网证(京)字150号  </span><span>|</span>
					<a href="">出版物经营许可证</a><span>|</span>
					<a href="">网络文化经营许可证京网文[2014]2148-348号</a><span>|</span>
					<span class="wenwenwen">违法和不良信息举报电话：4006561155</span>
				</p>
				
				<p class="dibu4">
					Copyright © 2004 - 2018  京东JD.com 版权所有  |
					消费者维权热线：4006067733    <a href="">经营证照</a>
				</p>
				
				<p class="dibu5">
					京东旗下网站：京东钱包  |<a href="">京东云</a>
				</p>
				
				<p class="imglogo">
					<a href="" class="logo"></a>
					<a href="" class="logo2"></a>
					<a href="" class="logo3"></a>
					<a href="" class="logo4"></a>
					<a href="" class="logo5"></a>
					<a href="" class="logo6"></a>
				</p>
			</div>
			</div>
		</div>
	</body>
</html>
	<script src="static/js/jquery-3.1.0.js"></script>
	<script src="static/js/shengshiqu.js"></script>
<script type="text/javascript">
new PCAS("sheng","shi","qu","湖南省","株洲市","醴陵市");
		$(function(){
			
			$('.add').click(function(){
				$('#deng').css({"display":"block"});
				$('.addxin').css("display","block").find('.xintitle').find('.cha').click(function(){
					$('.addxin').css("display","none");
					$('#deng').css({"display":"none"});
				});
			});
			
			$('.lidi').click(function(){
				$(this).css("background","#E3E4E5").siblings().css("background","#FFF");
				$(this).find('.nicex').css("display","block");
				$(this).siblings().find('.nicex').css("display","none")
				
			});
			
			
			$('#baocun').click(function(){
				var shuor=$('input[name=shr]').val();
				var xiadi=$('input[name=xiangzi]').val();
				var phonea=$('input[name=shouji]').val();
				var ss=$('select[name=sheng]').val();
				var shi=$('select[name=shi]').val();
				var qq=$('select[name=qu]').val();
				var mo = $('input[name=mo]').val();
				//拼接省市区
				var ssq = ss+" "+shi+" "+qq;
				$('.moren').empty();
				//location.href="addadreess?shuor="+shuor+"&xiadi="+xiadi+"&phonea="+phonea+"&ssq="+ssq;
				$('.moren').load("addadreess?shuor="+shuor+"&xiadi="+xiadi+"&phonea="+phonea+"&ssq="+ssq+"&mo="+mo,null,function(){
					
				})
			});
			
			$('.btn').click(function(){
				var jinge=$('.jjjj span').text();
				var shid = $('.shouhuoren').find('.shid').attr('data-value');
				var abb="";
 				$('.abiao').each(function(i,e){
 					abb += $(this).attr("data-value")+",";
				});
				location.href="moeny?jinge="+jinge+"&abb="+abb+"&shid="+shid;
			});
			
		});
		
		function getValue(){ 
			var getpro=document.getElementById("sheng").value;
			var getcity=document.getElementById("shi").value;
			var getarea=document.getElementById("qu").value;
		}
		
		
		

</script>